<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>note name practice</title>
<style type="text/css" id="style">
    @font-face {
  font-family: "LASSUS";
  src: url("LASSUS.woff2") format("woff2"),
       url("LASSUS.woff") format("woff"),
       url("LASSUS.ttf") format("truetype"),
       url("LASSUS.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
    #musical_note
    {
        font-family: "LASSUS";
        font-size:200px;
    }
</style>
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
</head>
<body>
    <p><span id="musical_note"> !</span></p>
	<input type="text" placeholder="请输入音名或唱名" />
	<button id="submit">新问题</button>
	<p id="answer"></p>
	<p id="rightness"></p>
    <script type="text/javascript" src="musical_note.js"></script>
</body>
</html>